body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,address,th,td{padding:0;margin:0}
ul
html { width:100%; height:100% }
body{
	font: 12px/150% Verdana,Arial,Helvetica,sans-serif;
	width:100%;
	height:100%;
	background:#fff;
}
#main {
	width:100%;
	height:100%;
	overflow:auto;
}
#output {
	position:absolute;
	top:0;
	right:15px;
	z-index:10px;
	width:450px;
	height:300px;
	border:2px solid #ccc;
	background:#fff;	
}

#output h3{
	height: 25px;
	border-bottom:1px solid #ccc;
	line-height: 25px;
	padding-left: 1em;
	text-align: left;
	background:#efefef;
	color:green;
}

#output ol {
	height:275px;
	overflow:auto;
	padding-left:3em;
}
#output ol li {
	border-bottom:1px dotted #ccc;
	line-height:20px;
}

.code-block {
	padding: 5px;
}

.code-block h3 {
	line-height:25px;
}

.code-block ul {
	height:25px;
	list-style-type:none
}

.code-block ul li {
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
	border-bottom:none;
	height:23px;
	line-height:23px;
	padding:0 10px;
	background:#efefef;
}

.code-block ul li.on {
	background: #fff;
}

.code-block ul li a {
	outline:none;
}

.code-block code {
	display:block;
	padding: 5px;
	background:#F8F8B1;
}